<template>
  <div
      style="box-shadow: 0px 0px 30px 10px lightblue;background: rgba(100,255,100,20%);margin: 0 auto;position: absolute;left: 150px;width: 1200px;max-width: 1200px;height: 1800px">
    <div>
      <img src="/logo.png" style="position: absolute;width: 150px;left: 100px;">
      <h1 style="position: absolute;color: green;left: 280px;top: 20px;font-family: 隶书;font-size: 50px">考证网</h1>
    </div>
    <div style="margin: 0 auto;position: relative;top:150px;width: 1150px;height: 3px;background-color: green"></div>
    <el-carousel style="position: absolute;width: 1200px;height: 300px;top: 160px;border-radius: 50px">
      <a href="https://www.neea.edu.cn/">
        <el-carousel-item><img src="/img/zyc/中国教育考试网.png" style="width: 1200px;height: 300px;" ></el-carousel-item>
      </a>
      <a href="https://cet.neea.edu.cn/">
        <el-carousel-item><img src="/img/zyc/英语等级.png" style="width: 1200px;height: 300px;"></el-carousel-item>
      </a>
      <a href="https://ncre.neea.edu.cn/">
        <el-carousel-item><img src="/img/zyc/计算机等级考试.png" style="width: 1200px;height: 300px;"></el-carousel-item>
      </a>
    </el-carousel>
    <div style="margin: 0 auto;position: relative;top:460px;width: 1150px;height: 3px;background-color: green"></div>
    <div style="top: 470px;position: relative;padding-top: 50px;background: rgba(255,255,255,80%)">
      <div style="position: relative;color: green;padding-bottom: 30px;left: 100px;font-family: 黑体;font-size: 30px">考试资讯</div>
      <el-card style="width: 800px;height: 600px;margin: 0 auto">
        <a class="test1" href="https://www.neea.edu.cn/html1/report/2306/74-1.htm" style="text-decoration: none">
          <div style="padding-top: 20px;padding-bottom: 30px;font-size: 25px;">丁薛祥在检查2023年高考准备工作时强调
            以极端负责的精神做好高考组织工作 确保高考安全平稳顺利</div>
        </a>
        <img src="/img/zyc/考试资讯1.png" style="width: 760px;height: 400px;margin: 0 auto">
      </el-card>
      <el-card style="width: 800px;height: 600px;margin: 0 auto">
        <a class="test1" href="https://www.neea.edu.cn/html1/report/2306/74-1.htm" style="text-decoration: none">
          <div style="padding-top: 20px;padding-bottom: 30px;font-size: 25px;">丁薛祥在检查2023年高考准备工作时强调
            2024年高考综合改革适应性测试：数学试题及问卷调查</div>
        </a>
        <img src="/img/zyc/考试资讯2.jpg" style="width: 760px;height: 400px;margin: 0 auto">
      </el-card>

    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons-vue'
const tableData = [
  {
    subject1: '物流管理',
    subject2: '会计专业',
    subject3: '工程与造价管理',
    subject4: '计算机科学',
    subject5: '学前教育',
    subject6: '英语专业',
  },
  {
    subject1: '项目管理',
    subject2: '金融专业',
    subject3: '土木工程',
    subject4: '通信工程',
    subject5: '教育科学',
    subject6: '法律专业',
  },
  {
    subject1: '项目管理',
    subject2: '金融专业',
    subject3: '土木工程',
    subject4: '通信工程',
    subject5: '教育科学',
    subject6: '法律专业',
  },
  {
    subject1: '项目管理',
    subject2: '金融专业',
    subject3: '土木工程',
    subject4: '通信工程',
    subject5: '教育科学',
    subject6: '法律专业',
  },
  {
    subject1: '项目管理',
    subject2: '金融专业',
    subject3: '土木工程',
    subject4: '通信工程',
    subject5: '教育科学',
    subject6: '法律专业',
  },
  {
    subject1: '项目管理',
    subject2: '金融专业',
    subject3: '土木工程',
    subject4: '通信工程',
    subject5: '教育科学',
    subject6: '法律专业',
  },
  {
    subject1: '项目管理',
    subject2: '金融专业',
    subject3: '土木工程',
    subject4: '通信工程',
    subject5: '教育科学',
    subject6: '法律专业',
  },
];

</script>

<style scoped>
  .test1{
    color: black;
  }
  .test1:hover{
      color: red;
  }
</style>